﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/bootstrap/css/bootstrap.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/bootstrap/css/bootstrap-theme.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/all.css")"  rel="stylesheet" type="text/css"  />

    <script src="@Url.Content("~/Scripts/modernizr-2.8.3.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.10.2.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.11.4.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>

    <style type="text/css">
         /*一级菜单*/
        .menu-first {
            background-color:#d6d4d5;
            padding: 10px 15px;
            font-size: 16px;
            font-weight: normal;
            text-align: left;
            border-radius: 4px;
            text-decoration: none;
            margin-bottom:5px;
            display:block;

        }
            /*一级菜单鼠标划过状态*/
            .menu-first:hover {
                text-decoration: none;
                background-color: #d6d4d5;
                padding: 10px 15px;
                border-radius: 4px;
                display:block;
                text-decoration: none;
            }
            .menu-first a, .menu-first a:focus, .menu-first a:hover {
            text-decoration: none;
            }


        #collapseExample {
          margin:10px 0;
        }
    </style>
    @RenderSection("styles", false)
    @RenderSection("scriptsLink", false)
    @RenderSection("scriptsHead", false)
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-2">
                <nav>
                    <a class="menu-first" data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">电话接单</a>
                    <ul id="collapseExample" class="nav nav-pills nav-stacked span2 collapse">
                        <li><a href="#">联系人信息</a></li>
                        <li><a href="#">交易双方信息</a></li>
                        <li><a href="#">产品信息</a></li>
                    </ul>
                </nav>
            </div>
            <div class="col-xs-12 col-md-10">
                  @RenderBody()
            </div>
        </div>
    </div>
    @RenderSection("scriptsBody", required: false)
</body>
</html>
